<script setup>
import { ref } from 'vue'
import SuperDatePicker from './index.vue'

// const dateValue = ref(new Date())
// const dateValue = ref('2020-01-01')
// const dateValue = ref({ type: 'dynamic', offset: 1 })
const dateValue = ref(['2020-01-01', '2020-01-14'])
// const dateValue = ref([
// 	{ type: 'dynamic', offset: -5 },
// 	{ type: 'dynamic', offset: -4 }
// ])
// const dateValue = ref(['2020-01-01', { type: 'dynamic', offset: 0 }])
const isRangeMode = ref(false)
</script>

<template>
  <div>
    <div style="width: 200px">
      <super-date-picker
        v-model="dateValue"
        :range-mode="isRangeMode"
      ></super-date-picker>
    </div>

    <pre>{{ dateValue }}</pre>
  </div>
</template>
